﻿<!DOCTYPE html>
<html>
<head>
  <title>KataRomanNumerals</title>
  <style type="text/css">
    body
    {
      font-family: Verdana;
      font-size: 12px;
    }
  </style>
  <script src="../Scripts/jquery-1.7.2.js" type="text/javascript"></script>
  <script src="KataRomanNumeralsObject_STEPS.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(document).ready(function () {
      var romanNumerals = new RomanNumerals();
      $('#integer').keyup(function () {
        $('#roman').html(romanNumerals.integerToRoman($('#integer').val()));
      });
      $('#integer').keyup();
    });
  </script>
</head>
<body>
  <div>
    <h2>KataRomanNumerals</h2>
    Integer: <input type="text" id="integer" /> Roman: <span id="roman"></span>
  </div>
</body>
</html>
